<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>联系我们</title>
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<link rel="stylesheet" href="css/common.css">
	<link rel="stylesheet" href="css/contact_us.css">
	<script src="js/jquery.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script src="js/jquery.nav.js"></script>
	<script src="js/jquery.SuperSlide.2.1.1.js"></script>
</head>

<body>
<!-- 头部开始 --> 
<div class="wrap">
	<nav class="navbar navbar-default container-fluid">
		<div class="container">
			<div class="navbar-header header">
				<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
					<span class="sr-only">Toggle navigation</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
				<a class="navbar-brand logo" href="index.html">
					<img src="images/logo.png" alt="logo">
					<span>奥骞网络科技有限公司</span>
				</a>
			</div>
			<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
				<ul class="nav navbar-nav navbar-right">
					<li><a href="index.html">首&nbsp;&nbsp;页</a></li>
					<li><a href="about_us.html">公司介绍</a></li>
					<li><a href="class.html">培训课程</a></li>
					<li><a href="example.html">案例展示</a></li>
					<li><a href="news.html">新闻资讯</a></li>
					<li class="current"><a href="contact_us.html">联系我们</a></li>
					<li><a href="join_us.html">加入我们</a></li>
					<li><a href="article.html">文章专栏</a></li>
				</ul>
				<div class="login">
					<a href="{:U('Index/logo')}" class="active">登陆</a>
					<a href="{:U('Index/register')}">注册</a>
					<a href="help.html">帮助</a>
				</div>
				<form class="navbar-form navbar-left">
					<div class="form-group">
						<input type="text" class="form-control" placeholder="搜索">
					</div>
					<button type="submit" class="btn btn-default">搜索</button>
				</form>
			</div><!-- /.navbar-collapse -->
		</div><!-- /.container-fluid -->
	</nav>
</div>
<!-- banner开始 -->
<div class="jumbotron">
	<div id="slideBox" class="slideBox">
	    <div class="hd">
	        <ul class="container">
	        	<li></li>
	            <li></li>
	            <li></li>
	        </ul>
	    </div>
	    <div class="bd">
	        <ul>
	            <li><img src="images/banner3.png" alt="banner"></li>
	            <li><img src="images/banner2.png" alt="banner"></li>
	            <li><img src="images/banner1.png" alt="banner"></li>
	        </ul>
		</div>
	</div>
</div>
<!-- banner结束 -->
<!-- 头部结束 -->

<!-- 内容开始 -->
<div class="container-fluid contain">
	<div class="container">
		<h1 class="text-center content-head">重庆奥骞网络科技有限公司</h1>
		<div class="row">
			<div class="baidutitu col-md-7 col-sm-10 col-xs-10" id="map">
				<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=d9DvMnKfsyGiDGIaCuyrBiTXvlBXOSUm"></script>
			</div>
			<div class="content-left col-md-3 col-sm-10 col-xs-10">	  
		          <div class="pers">
					<p>地址：重庆市沙坪坝三峡广场庆泰大厦17层</p>
					<p>网址：www.aqwlkj.cn</p>
					<p>重庆人力资源网：www.cqrlzy.xyz</p>
					<p>邮箱：81751268@qq.com</p>
					<p>联系电话：173-1821-8552</p>
					<p>客服电话：023-6537-1995</p>
					<p>客服QQ ：123456789</p>
		         </div>  
			</div>
			<ul class="weixing col-md-2 col-sm-10 col-xs-10">
				<li><img src="images/contact1.png"><h2>微信公众号</h2></li>
				<li><img src="images/contact1.png"><h2>客服微信</h2></li>
				<li><img src="images/contact1.png"><h2>新浪微博</h2></li>
			</ul>
		</div>
		<div class="row">
			<form class="form-horizontal message col-md-10" action="#">
				<div class="col-md-10">
					<div class="form-group">
						<div class="col-sm-4">
							<label for="inputEmail3" class="control-label">留言标题</label><br>
							<input type="text" class="form-control">
						</div>
						<div class="col-sm-offset-4 col-sm-4">
							<label for="inputPassword3" class="control-label">联系邮箱</label><br>
							<input type="text" class="form-control" id="inputPassword3">
						</div>
					</div>
					<div class="form-group">
						<div class="col-sm-12">
							<label class="control-label">留言内容</label><br>
		        			<textarea class="textarea"></textarea>
						</div>
					</div>
				</div>
				<div class="col-md-2 refy">
					<label class="control-label">验证码</label><br>
		       		<input type="text" class="text3" value=""><br>
		       		<a href="#"><img class="ture" src="images/content_ture_03.png"/></a>
		       		<a href="JavaScript:void(0)">看不清，换一张</a><br>
				</div>
				<div class="form-group">
					<div class="col-sm-offset-8 col-sm-4">
						<button type="submit" class="esc-btn">取消</button>
						<button type="submit" class="submit-btn">提交</button>
					</div>
				</div>
			</form>	
		</div>
	</div>
</div>
<!-- 内容结束 -->

<!-- 尾部开始 -->
<div class="container-fluid footer-wrap">
	<div class="container">
		<ul class="footer">
			<li>奥骞网络科技，咨询:17318218552，企业合作：17318218221</li>
			<li>版权所有：重庆奥骞网络科技有限公司  川ICP备15032603号-2：</li>
			<li>技术支持：奥骞网络</li>
		</ul>
	</div>
</div>
<!-- 尾部结束 -->
</body>
<!-- 字体 -->
<script>
	$(function(){
		//alert();
		changefontsize();
		$(window).resize(function(){
			changefontsize();
		});

		$('#nav').onePageNav({              //单页平滑导航插件
        begin:function(){
            if ($("#list_btn").css("display")=="block"){
                $("#list_btn").click();   //当按钮显示时，在执行动作之前给#list_btn一个直接点击事件，关闭按钮
            	}
        	},
    	});
	});

	function changefontsize(){
		var fontsize='';
		var screenwidth=$(window).width();
		//alert(screenwidth);
		fontsize=screenwidth*0.01167;
		$('body,html').css("font-size",fontsize+'px');
	};
</script>
<!-- 轮播插件 -->
<script>
	jQuery(".slideBox").slide({mainCell:".bd ul",autoPlay:true});			 
</script>
<!-- baidu地图 -->
<script type="text/javascript">
	// 百度地图API功能
	var map = new BMap.Map("map");    // 创建Map实例
	map.centerAndZoom(new BMap.Point(106.46731976333,29.544696641195 ), 15);  // 初始化地图,设置中心点坐标和地图级别
	map.addControl(new BMap.MapTypeControl());   //添加地图类型控件
	map.setCurrentCity("重庆");          // 设置地图显示的城市 此项是必须设置的
	map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
	// 创建点
	var polyline = new BMap.Polyline([
	new BMap.Point(106.46731976333,29.544696641195),
	], {strokeColor:"blue", strokeWeight:2, strokeOpacity:0.5});

	var marker = new BMap.Marker(new BMap.Point(106.46731976333,29.544696641195));
	map.addOverlay(marker);
</script>
</html>